* {
  font-family: "Microsoft YaHei";
  padding: 0;
  margin: 0;
}

html,
body {
  background: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 13px;
  font-family: "Microsoft YaHei";
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

.fl {
  float: left
}

.fr {
  float: right
}

/* .abs {
  position: absolute
}

.rel {
  position: relative
} */

.clear {
  clear: both;
  height: 0 !important;
  overflow: hidden !important;
}

.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}

.clearfloat {
  zoom: 1;
}

.center {
  width: 1200px;
  margin: 0 auto;
}



.login .el-input__inner,
.login .el-checkbox__inner,
.login .el-textarea__inner {
  border-radius: 0;
}


@keyframes shake-view {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }

  2% {
    transform: translate(-9px, -1px) rotate(0.4deg);
  }

  4% {
    transform: translate(-3px, 3px) rotate(-2.4deg);
  }

  6% {
    transform: translate(-4px, -2px) rotate(-2.4deg);
  }

  8% {
    transform: translate(-9px, -4px) rotate(-3.4deg);
  }

  10% {
    transform: translate(-2px, -10px) rotate(0.4deg);
  }

  12% {
    transform: translate(0px, -9px) rotate(-1.4deg);
  }

  14% {
    transform: translate(-9px, 7px) rotate(-0.4deg);
  }

  16% {
    transform: translate(-2px, 9px) rotate(-1.4deg);
  }

  18% {
    transform: translate(1px, 9px) rotate(1.4deg);
  }

  20% {
    transform: translate(4px, 7px) rotate(-2.4deg);
  }

  22% {
    transform: translate(0px, 2px) rotate(-2.4deg);
  }

  24% {
    transform: translate(0px, 7px) rotate(-1.3deg);
  }

  26% {
    transform: translate(-9px, 4px) rotate(-3.4deg);
  }

  28% {
    transform: translate(3px, -1px) rotate(1.4deg);
  }

  30% {
    transform: translate(6px, 2px) rotate(1.9deg);
  }

  32% {
    transform: translate(-9px, -9px) rotate(-3.9deg);
  }

  34% {
    transform: translate(9px, 4px) rotate(-1.7deg);
  }

  36% {
    transform: translate(-2px, 7px) rotate(-0.4deg);
  }

  38% {
    transform: translate(0px, 0px) rotate(2.4deg);
  }

  40% {
    transform: translate(0px, -10px) rotate(-3.4deg);
  }

  42% {
    transform: translate(3px, -4px) rotate(0.3deg);
  }

  44% {
    transform: translate(-1px, -10px) rotate(0.6deg);
  }

  46% {
    transform: translate(0px, 1px) rotate(2.3deg);
  }

  48% {
    transform: translate(-1px, 1px) rotate(2.9deg);
  }

  50% {
    transform: translate(7px, 4px) rotate(-0.6deg);
  }

  52% {
    transform: translate(-10px, -4px) rotate(1.3deg);
  }

  54% {
    transform: translate(-1px, 6px) rotate(-1.2deg);
  }

  56% {
    transform: translate(-9px, 9px) rotate(-3.7deg);
  }

  58% {
    transform: translate(9px, 2px) rotate(2.2deg);
  }

  60% {
    transform: translate(9px, 1px) rotate(-1.3deg);
  }

  62% {
    transform: translate(-3px, -2px) rotate(-2.4deg);
  }

  64% {
    transform: translate(-3px, 9px) rotate(0.4deg);
  }

  66% {
    transform: translate(-9px, 9px) rotate(0.6deg);
  }

  68% {
    transform: translate(0px, 9px) rotate(2.6deg);
  }

  70% {
    transform: translate(3px, -9px) rotate(2.4deg);
  }

  72% {
    transform: translate(3px, -4px) rotate(-3.4deg);
  }

  74% {
    transform: translate(-10px, 2px) rotate(-1.6deg);
  }

  76% {
    transform: translate(2px, 2px) rotate(1.4deg);
  }

  78% {
    transform: translate(2px, -3px) rotate(0.6deg);
  }

  80% {
    transform: translate(-4px, -7px) rotate(-1.4deg);
  }

  82% {
    transform: translate(-9px, 0px) rotate(-0.6deg);
  }

  84% {
    transform: translate(-4px, 4px) rotate(-3.4deg);
  }

  86% {
    transform: translate(-9px, -3px) rotate(2.6deg);
  }

  88% {
    transform: translate(2px, -4px) rotate(-1.4deg);
  }

  90% {
    transform: translate(-4px, 0px) rotate(-2.4deg);
  }

  92% {
    transform: translate(1px, -4px) rotate(1.6deg);
  }

  94% {
    transform: translate(-9px, -9px) rotate(0.4deg);
  }

  96% {
    transform: translate(-6px, -9px) rotate(2.4deg);
  }

  98% {
    transform: translate(1px, 0px) rotate(1.6deg);
  }
}

.input-shake {
  display: inline-block;
  -webkit-animation-name: shake-view;
  -ms-animation-name: shake-view;
  animation-name: shake-view;
  -webkit-animation-duration: 300ms;
  -ms-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;

  -webkit-animation-play-state: running;
  -ms-animation-play-state: running;
  animation-play-state: running;
}




.login .loginForm .el-form-item:first-child {
  margin-bottom: 35px !important;
}

/* .banma_btn {
  width: 88px;
  height: 30px;
  cursor: pointer;
  background: #FC8434;
  color: #fff;
  line-height: 30px;
  text-align: center;
}
.banma_btn:hover {
  background: #fa9451;
}
.banma_btn:active{
  background: #FC8434;
  box-sizing: border-box;
} */

.edit-cell .el-input__inner {
  height: 30px !important;
}
.el-input__icon{
  line-height: 30px;
}

.el-menu {
  border-right: none !important;
  height: 100%;
}

.el-aside{
  overflow-x: hidden;
}


/* public 公共 */
.el-input__inner{
  font-size: 12px;
}
.el-pagination span, 
.el-pagination__sizes .el-input .el-input__inner,
.el-pagination .el-input__inner {
  font-size: 12px !important;
}
.el-switch__core {
  width: 35px !important;
}
.el-table td.gutter, .el-table th.gutter {
  display: table-cell !important;
}
.line_height_16 label {
  line-height: 16px !important;
}
.no_margin_right {
  margin-right: 0 !important;
}
.not_must>label {
  padding-left: 10px !important;
}
.el-table thead th, .el-table thead tr {
  background-color: #F7F8F9;
  font-size: 12px;
}
.el-table thead .cell{
  font-size: 12px !important;
}
.el-table .cell {
  color: #909399;
  font-size: 12px;
  font-family:PingFangSC-Medium,PingFangSC;
  font-weight:500;
}
.table_box {
  box-shadow:2px 2px 8px 4px rgba(213,212,212,0.5);
}
.pop_table_box  {
  box-shadow: none !important;
}

.pagination {
  text-align: right;
  padding: 20px;
  box-sizing: border-box;
}
.el-input__inner:focus, .el-select .el-input__inner:focus {
  outline: none;
  border-color: #ffbb76;
}
.el-select .el-input.is-focus .el-input__inner{
  border-color: #ffbb76;
}
.el-pager li {
  color: #606266;
  font-weight: normal;
}
.el-pager li.active {
  color: #FC8434 !important;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #FC8434 !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner, 
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #FC8434;
  border-color: #FC8434;
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #FC8434;
}

.el-form-item.is-success .el-input__inner, 
.el-form-item.is-success .el-input__inner:focus, 
.el-form-item.is-success .el-textarea__inner,
 .el-form-item.is-success .el-textarea__inner:focus {
  border-color: #DCDFE6;
}


.popup .el-table thead .el-table-column--selection .cell {
  display: none !important;
}
/* disabled 字体样式 */
.el-input.is-disabled .el-input__inner {
 color:#818389 !important;
}
/* disabled 字体样式 */

.add_input {
  position: absolute;
  top: 10px !important;
  color: #87AEFF;
  cursor: pointer;
  margin-left: 6px;
}

/* 滚动条样式 */
::-webkit-scrollbar{
  width:10px;
  height:10px;
  /**/
}
::-webkit-scrollbar-track{
  background: rgb(239, 239, 239);
  border-radius:2px;
}
::-webkit-scrollbar-thumb{
  background: #bfbfbf;
  border-radius:10px;
}
::-webkit-scrollbar-thumb:hover{
  background: #ccc;
}
div::-webkit-scrollbar-corner{
  /* background: #179a16; */
}
/* 滚动条样式 */

/* placeholder颜色 */
::-webkit-input-placeholder {
  font-size: 12px;
}

:-moz-placeholder {
  font-size: 12px;
}

::-moz-placeholder {
  font-size: 12px;
}

:-ms-input-placeholder {
  font-size: 12px;
}
/* placeholder颜色 */

.search_box .btn_add:first-child {
  margin-right: 20px;
}


/* public 公共 */
.ml0 .el-form-item__content{
  margin-left: 0 !important;
}
.downloadModel{
  margin-left: 20px;
}
.downloadModel i {
  display: inline-block;
  width: 14px;
  height: 12px;
  background: url('../img/icon_download.png') 0 0 no-repeat;
  background-size: 100%;
}
.downloadModel span{
  font-size: 12px;
  color: #77A4FF;
  margin-left: 3px;
}

.icon_close:hover {
  color: #FC8434 !important;
}
.icon_close {
  transition: linear .15s;
}


/* 弹窗 */
.table_content {
  padding-top: 20px !important;
}
.popup-container{
  position: absolute;
  z-index: 99;
  top: 0;
  width: 100%;
  left: 0;
  overflow: auto;
  overflow-x: hidden;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
}

.popup-container .mini {
  width: 500px;
  min-height: 250px;
  top: 10%;
}
.popup-container .small {
  width: 800px;
  min-height: 300px;
  top: 10%;
}
.popup-container .mini .btn_box {
  margin-top: 10px;
}

.popup .content{
  padding: 40px 50px;
  box-sizing: border-box;
}

.popup {
  position: absolute;
  z-index: 1001;
  transform: translateX(-50%);
  top: 0;
  left: calc(50% + 100px);
  background: #fff;
  width: 75%;
  min-height: 400px;
  border-radius: 4px;
  margin: 5% 0;
}

.popup .icon_close {
  position: absolute;
  right: 12px;
  font-size: 24px;
  color: #F5F5F5;
  line-height: 50px;
  cursor: pointer;
}

.popup .title {
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #EBEEF5;
  font-size: 16px;
  font-family:PingFangSC-Medium,PingFangSC;
  font-weight:500;
  color:rgba(252,132,52,1);
}

.popup .el-form-item--mini.el-form-item, .popup .el-form-item--small.el-form-item{
  margin-right: 5%;
  width: 30%;
  margin-bottom: 38px;
}

.checkPopup .el-form-item--mini.el-form-item,
.checkPopup .el-form-item--small.el-form-item {
  margin-bottom: 18px;
}


.search_box .el-form-item--mini.el-form-item,
.search_box .el-form-item--small.el-form-item {
  margin-bottom: 0;
}


.popup .el-select {
  width: 100%;
}

.pagination {
  background: #fff;
}


.box .el-form-item {
  margin-bottom: 0 !important;
  /* padding: 10px 0; */
}

/* 弹窗 */



/* 导航 */
.single_nav .el-submenu__icon-arrow{
  display: none;
}
.el-submenu.is-opened *{
  background-color: #000 !important;
  
}
.el-menu-item:hover,.el-submenu__title:hover{
  background-color: #000 !important;
}
.el-submenu.is-opened  .el-submenu__title{
  /* background: #fff !important; */
}
.el-menu-item-group__title{
  display: none;
}
/* 导航 */



/* 按钮 */
.btn_box {
  text-align: center;
  margin-top: 50px;
}
.search_box {
  margin-bottom: 20px;
}
.search_box .el-input-group__append {
  padding: 0;
}
.search_box .el-input-group__append {
  background-color: #FC8434;
}
.search_box .btn_search {
  /* padding: 0 15px; */
  cursor: pointer;
  color: #fff;
}
.search_box .btn_search:hover {
  /* background-color: #eba055; */
}
.search_box .el-input-group--append input{
  border-right: none;
}
.search_box .el-input-group__append {
  border: 1px solid #FC8434;
}
.search_box .el-input-group__append:hover {
  border: 1px solid #FC8434;
}

.btn {
  display: inline-block;
  /* text-align: center; */
  cursor: pointer;
}
.btn_add {
  background: #FC8434;
  width: 100px;
  line-height: 32px;
  height: 32px;
  font-size: 0;
}
.btn_add:hover {
  background: #fa7b27;
}
.btn_add i {
  font-weight: bold;
  color: #fff;
  margin-right: 16px;
  font-size: 16px;
  margin-left: 14px;
}
.btn_add .btn_txt {
  color: #fff;
  font-size: 14px;
}
.btn_add .btn_text:before {
  content: '';
  display: inline-block;

}
.btn_search {
  padding: 0 15px;
  text-align: center;
  height: 30px;
  font-size: 12px;
  /* background: #FBA56C; */
  line-height: 30px;
}

/* 按钮 */

/* search_box */

.search_box {
  font-size: 0;
}

/* search_box */



/* table */
.table_box .el-button--mini {
  padding: 3px 8px;
  border-radius: 20px;
}
.table_box .el-button--mini:hover {
  background: #fa7b27;
  border-color: #fa7b27;
  color: #fff;
}

.special_table_box .el-button--mini {
  padding: 6px 12px;
  border-radius:8px;
  background: #FC8434;
  color: #fff;
  border-color: #FC8434;
}


/* table */


